<template>
  <div class="unlogin">
    <div class="title">欢迎来到OMINI</div>
    <div class="content">
      <div class="content_text">想看更多？立即登录</div>
      <button @click="login">登录</button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'homeUnloginView',
  methods: {
    login () {
      // 去登陆页 携带跳转前网址
      const newRedirect = this.$route.query.redirect
      this.$router.push("/?redirect=" + newRedirect)
    },
  },
}
</script>

<style lang="scss" scoped>
.unlogin {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  background-color: #c1ab96;
  .title {
    padding-left: 3.2vw;
    margin-top: 14.933vw;
    font-size: 5.867vw;
    color: #fff;
    font-weight: 700;
  }
  .content {
    text-align: center;
    .content_text {
      margin: 38.933vw 0 4.8vw 0;
      color: #fff;
      font-size: 5.333vw;
      font-weight: 700;
    }
    button {
      width: 32vw;
      height: 8.533vw;
      border-radius: 4.267vw;
      color: #c1ab96;
      border: 0;
      background-color: #fff;
    }
  }
}
</style>